/*Testing values*/
html, body {
    width: 100%;
    height: 100%;
}
@font-face{
	font-family: 'Eurostile';
	src: url("fonts/Eurostile.TTF");
	font-weight: normal;
  	font-style: normal;
}

@font-face{
	font-family: 'FranklinGothic';
	src: url("fonts/Franklin Gothic Medium.ttf");
	font-weight: normal;
  	font-style: normal;
}

.separator{
	height:600px;
	width:100%;
}
/*End of Testing Values*/

/*General - For all templates*/

.overtitle{
	font-family: "Eurostile" !important;
	color:#4a545c !important;
	font-weight: lighter !important;
	letter-spacing:0.4em !important;
	margin-bottom: 0px !important;
	margin-top: 1% !important;
	text-align: left !important;
	text-transform:uppercase !important;
	font-size:100%;
}

.title{
	text-align:left;
	color:#8d8d8d !important;
	font-weight: bold !important;
	font-size:250% !important;
	text-transform: uppercase !important;
}

.tableimage{
	margin-top:10% !important;
	background:none !important;
	border:none !important;
	box-shadow: none !important;
}

.listContainer{
	text-align: left;
	border-radius: 5px;
	color:white;
	text-transform: uppercase;
}

.level2{
	margin-left: 80px !important;
	color: #b3be16 !important; 
	font-size: 70% !important;
}

.contentWrapper{}

.logoBottom{
	position: fixed;
	bottom:20px;
	right:20px;
	width:200px;
	height:68px;
	background: url("../img/miniLogoGPS.png");
}

.menu{
	font-family: 'FranklinGothic';
	list-style-type: none;
	color:#FFFFFF;
	margin-left:-10%;
	font-size:130%;
	margin-top:5%;
}

.menu li{
	margin-top:25px;
	text-decoration:none !important;
	color:#FFFFFF !important;
}

.menu li a{
	text-decoration:none !important;
	color:#FFFFFF !important;
}

.MenuTest{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}

#menuButtonHome{
	top:200px !important;
	left:200px !important;
}

#menuButton{
	top:30px;
	left:-200px !important;
}

.menuTitle{
	text-transform: uppercase;
	margin-top: 10px !important;
	text-align: center;
	font-size:140%;
}

.arrowUp{
	position:absolute !important;
	top:10px !important;
	left:1000px !important;
}
/* Modal*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
/* end Modal*/

#circSat{
	width:280px !important;
	position:absolute;
	top:250px;
	left:80px;
}
#circCam{
	width:300px;
	position:absolute;
	top:470px;
	left:30px;
}
#circLap{
	width:90px;
	position:absolute;
	top:450px;
	left:630px;
}
#circBan{
	width:90px;
	position:absolute;
	top:240px;
	left:715px;
}
#circAud{
	width:90px;
	position:absolute;
	top:450px;
	left:810px;
}
#circUsuario{
	width:600px;
	position:absolute;
	top:265px;
	left:435px;
}

.linkWeb{
	position:absolute;
	top:600px;
	left:420px;
	font:"Franklin Gothic Medium";
	text-decoration:none;
	color: #591789;
}

.fade-in{
	-webkit-transition: opacity 5s ease-in; /*for chrome, safari*/
    -moz-transition: opacity 5s ease-in; /*for mozilla firefox*/
    -o-transition: opacity 5s ease-in; /*for opera*/
}
/*End of General*/

/* Plantilla 1 - Titulo, texto, imagen*/
.template1 p{
	text-align:justify;
	color: #591789;
	text-transform: uppercase;
	font-family: 'FranklinGothic';
}

.template1 h1,
.template1 h2{
	text-align:left;
	margin-top:-1%;
	color:#8d8d8d !important;
	font-weight: bold;
}

.template1 img{
	border-radius: 5px;
}

/*End Plantilla 1*/

/* Plantilla 2 - Logo, subtitulo*/

.template2 img{
	border-radius: 10px;
}

.template2 p{
	text-align: center;
	font-style: italic;
}

.template2 h2{
	color:#FFFFFF !important;
	text-shadow: 2px 2px 5px #494949;
	padding-top: 1%;
}

/*End Plantilla 2*/

/*Plantilla 3 - Titulo, Texto, Lista */

.template3 ul{
	margin-top:2%;
	list-style-type: none;
	list-style-position: inside;
	width: 100%;
	max-width: 100%;
	background: url('../img/presentacion/cuadroBackground.png');
	opacity:0.95;
	text-transform: uppercase;
}

.template3 p{
	font-family: "FranklinGothic";
	letter-spacing: 0.04em;
	text-align:left;
	color:#591789;
	text-transform: uppercase;
	text-align: justify;
}

.template3 li{
	margin-bottom: 0.5em;
}

.template3 .level1{
	background: url('../img/presentacion/radar_bullet.png') left top no-repeat  ;
	padding-left: 50px;
	margin-left:-35px;
	color: white !important;
	text-decoration:none !important;
}

.level1 a{
	color: white !important;
	text-decoration:none !important;
}

/*End Plantilla 3*/

/*Plantilla 4 - Titulo, texto, tabla*/

.template4 table{
	margin-top:2%;
	margin-left:2%;
	width:90%;
	max-width:90%;
	background: url('../img/cuadroBackgroundVerde.png');
	max-height:350px !important;
}

.solidBackground{
	background: none !important;
	background-color: #591789 !important;
	opacity:0.85;
	width:100% !important;

}

.solidBackground .level1{
	background: url('../img/radar_bullet.png') left top no-repeat !important;
	padding-left: 50px !important;
	margin-left:-60px !important;
	color: white !important;
	list-style-type: none !important;
	margin-top: 15px;
}

.solidBackground .level1a{
	background: url('../img/radar_bullet.png') left top no-repeat !important;
	padding-left: 50px !important;
	margin-left: -40px !important;
	color: white !important;
	list-style-type: none !important;
	margin-top: 15px;
}

.template4 table tr{
	min-height:150px !important;
	/*border: 1px solid #000000;*/
}

.template4 table td{
	width:30%;
	/*border: 1px solid #000000;*/
	text-align: center;
}

.template4 p{
	text-align:justify;
	color: #591789;
	text-transform: uppercase;
}

/*End plantilla 4*/


/*Plantilla 5 - Titulo, banner izquierdo, texto derecho*/

.bannerContainer{
	width:30%;
	max-width:30%;
	min-width:30%;
	float:left;
}

.bannerContainerPrice{
	width:30%;
	max-width:30%;
	min-width:30%;
	float:left;
}

.bannerContainer img{
	height:75%;
}

.descriptionContainer{
	margin-left:5% !important;
	width:65%;
	max-width:65%;
	min-width:65%;
	float:left;
}

.descriptionContainerPrice{
	width:65%;
	max-width:65%;
	min-width:65%;
	float:left;
}


.simpleImageContainer{
	width:50%;
	max-width:50%;
	min-width:50%;
	float:left;
	background-color: #6e59a6;
}

.simpleImageContainer img{
	max-width:80%;
	max-height:80%;
	margin-top:10%;
}

.simpleDescriptionContainer{
	width:50%;
	max-width:50%;
	min-width:50%;
	float:left;
	background-color: #6e59a6;
}

.solidContainer{
	min-height: 400px;
	background-color: #6e59a6;
	opacity: 0.95;
}

.simpleList{
	margin-top:5% !important;
	font-family: "FranklinGothic";
	color:#FFFFFF;
	max-width:80%;
	width:80%;
	font-size: 90% !important;
}

.simpleList li{
	margin-top:2%;
}

.simpleListLevel2{
	margin-left:15% !important;
	color:#a2a53b;
}

.template5Subtitle{
	text-align:justify;
	color: #591789;
	font-size: 140% !important;
	text-transform: uppercase;
	margin-top:10% !important;
}

.template5BSubtitle{
	text-align:justify;
	color: #591789;
	font-size: 140% !important;
	text-transform: uppercase;
	margin-top:5% !important;
	margin-bottom:3% !important;
}

.template5text{
	text-align: justify !important;
	font-size: 90% !important;
	margin-top:10%;
	color:#000000;
}

.descriptionContainer ul{
	margin-top:20%;
	width:80%;
	font-size:90%;
	color:#7a7a7a !important; /*5c5c5e*/
	margin-top:1%;
}

/*End plantilla 5*/

